
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>實驗室</title>

<!--图标样式-->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />

<!--主要样式-->
<link rel="stylesheet" type="text/css" href="css/style.css" />

<script type="text/javascript" src="lib/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
    $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch');
    $('.tree li.parent_li > span').on('click', function (e) {
        var children = $(this).parent('li.parent_li').find(' > ul > li');
        if (children.is(":visible")) {
            children.hide('fast');
            $(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-plus-sign').removeClass('icon-minus-sign');
        } else {
            children.show('fast');
            $(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign');
        }
        e.stopPropagation();
    });
});
</script>

</head>
<body>

<div class="tree well">
<ul>
	<li>
		<span><i class="icon-folder-open"></i> 數學</span>
		<ul>
			<li>
				<span><i class="icon-leaf"></i></span> <a href="./math/leastSquares.html">最小二乘法</a>
			</li>
			<li>
				<span><i class="icon-minus-sign"></i> 分形</span> 
				<ul>
					<li>
						<span><i class="icon-leaf"></i></span> <a href="./math/fractal/Mandelbrot_set.html">Mandelbrot set</a>
					</li>
					<li>
						<span><i class="icon-leaf"></i></span> <a href="./math/fractal/Julia_set.html">Julia set</a>
					</li>
				</ul>
			</li>
		</ul>
	</li>
	<li>
		<span><i class="icon-folder-open"></i> 計算機</span>
		<ul>
			<li>
				<span><i class="icon-minus-sign"></i> 算法/數據結構</span>
				<ul>
					<li>
						<span><i class="icon-leaf"></i> </span> <a href="./algorithm/findMaximumSubarray.html">最大子數組</a>
					</li>
					<li>
						<span><i class="icon-leaf"></i> </span> <a href="./algorithm/comparisonSort.html">幾種排序算法的比較</a>
					</li>
					<li>
						<span><i class="icon-leaf"></i> </span> <a href="./algorithm/orderStatistics.html">中位數/順序統計量</a>
					</li>
					<li>
						<span><i class="icon-leaf"></i> </span> <a href="./algorithm/quickSortVisualization.html">快速排序</a>
					</li>
				</ul>
			</li>
			<li>
				<span><i class="icon-minus-sign"></i> 人工智能/機器學習</span>
				<ul>
					<li>
						<span><i class="icon-leaf"></i> </span> <a href="./AI/RL/san_zi_qi/san_zi_qi.html">三子棋</a>
					</li>
				</ul>
			</li>
			<li>
				<span><i class="icon-minus-sign"></i> 計算機圖形學</span>
				<ul>
					<li>
						<span><i class="icon-minus-sign"></i> Ray Tracing in One Weekend 系列</span> <a href="https://raytracing.github.io/">首頁</a>
						<ul>
							<li>
								<span><i class="icon-leaf"></i>  備註：以下程序運行時間較長，請耐心等候。程序運行時間最多有數分鐘，頁面長時間無響應屬於正常現象。 </span> 
							</li>
							<li>
								<span><i class="icon-leaf"></i> </span> <a href="./computer_graphic/rayTracing/first_week/4_sphere.html">4. 绘制一个球体</a>
							</li>
							<li>
								<span><i class="icon-leaf"></i> </span> <a href="./computer_graphic/rayTracing/first_week/5_surface_normals_and_multiple_objects.html">5. 面的法向量和多物體渲染</a>
							</li>
							<li>
								<span><i class="icon-leaf"></i> </span> <a href="./computer_graphic/rayTracing/first_week/6_antialiasing.html">6. 反鋸齒</a>
							</li>
							<li>
								<span><i class="icon-leaf"></i> </span> <a href="./computer_graphic/rayTracing/first_week/7_diffusion.html">7. 散射</a>
							</li>
							<li>
								<span><i class="icon-leaf"></i> </span> <a href="./computer_graphic/rayTracing/first_week/8_metal.html">8. 金屬</a>
							</li>
							<li>
								<span><i class="icon-leaf"></i> </span> <a href="./computer_graphic/rayTracing/metal_mirror.html">【练习】镜面</a>
							</li>
							</li>
							<li>
								<span><i class="icon-leaf"></i> </span> <a href="./computer_graphic/rayTracing/kaleidoscope.html">【练习】万花筒</a>
							</li>
							</li>
							<li>
								<span><i class="icon-leaf"></i> </span> <a href="./computer_graphic/rayTracing/kaleidoscope-pseudo-realtime.html">【练习】万花筒（伪实时）</a>
							</li>
						</ul>
					</li>
					<li>
						<span><i class="icon-minus-sign"></i> MDN WebGL教程</span> <a href="https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial">教程地址</a>  
						<ul>
							<li>
								<span><i class="icon-leaf"></i> </span> <a href="./computer_graphic/webgl_tutorial/webgl_1_2d_object.html">1. 二維物體</a>
							</li>
							<li>
								<span><i class="icon-leaf"></i> </span> <a href="./computer_graphic/webgl_tutorial/webgl_2_apply_colors.html">2. 顏色</a>
							</li>
							<li>
								<span><i class="icon-leaf"></i> </span> <a href="./computer_graphic/webgl_tutorial/webgl_3_make_the_square_rotate.html">3. 正方體的旋轉</a>
							</li>
							<li>
								<span><i class="icon-leaf"></i> </span> <a href="./computer_graphic/webgl_tutorial/webgl_4_3d_object.html">4. 三維物體</a>
							</li>
							<li>
								<span><i class="icon-leaf"></i> </span> <a href="./computer_graphic/webgl_tutorial/webgl_5_texture.html">5. 紋理</a>
							</li>
							<li>
								<span><i class="icon-leaf"></i> </span> <a href="./computer_graphic/webgl_tutorial/webgl_6_lighting.html">6. 光照</a>
							</li>
						</ul>
					</li>
				</ul>
			</li>
			<li>
				<span><i class="icon-minus-sign"></i> 計算機視覺/機器視覺</span>
				<ul>
					<li>
						<span><i class="icon-leaf"></i></span> <a href="./computer_vision/corner/Harris.html">哈里斯角點</a>
					</li>
					<li>
						<span><i class="icon-leaf"></i></span> <a href="./computer_vision/corner/Moravec.html">Moravec角點</a>
					</li>
				</ul>
		</ul>
	</li>
	<li>
		<span><i class="icon-folder-open"></i> 機械/控制理論</span>
		<ul>
			<li>
				<span><i class="icon-leaf"></i> </span> <a href="./machine/pid.html">PID控制</a>
			</li>
		</ul>
	</li>
</ul>
</div>


</body>
</html>